<template>
    <div class="personal-list-page">
        <div class="bg-box"></div>
        <div class="page-inner">
            <p class="title">个人空间</p>
        </div>
    </div>
</template>

<script>
export default {
    name:'personal',
    data(){
        return{}
    },
    watch:{},
    mounted(){},
    methods:{}
}
</script>

<style lang="less" scoped>
.personal-list-page {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #F0F2F5;
  padding: 20px;
  .bg-box {
    width: 100%;
    height: 427px;
    background-image: url("../../../static/images/bg_title.png");
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: -132px;
    z-index: 1;
  }
  .page-inner{
    position: relative;
    z-index: 10;
    background-color: #fff;
    z-index: 10;
    height: 100%;
    border-radius: 8px;
    padding: 20px;
    .title{
        text-align: center;
    }
  }
}
</style>